/* 
*city
*nizijian
*2018/9/12
*/

body{background: #f5f5f5 !important;}

/* 头 */
.shop-header-box{width: 100%; background-color: #333;}
.shop-header-box .shop-header{width: 1200px; height: auto; margin: 0 auto; background-color: #333;}
.shop-header a{display: block; width: 120px; height: 54px; padding: 13px 0;}
.shop-header a img{display: block; width: 100%; height: 100%;}

/* 广告位 */
.shop-city-adv{width: 100%; background-color: #54d6b5;}
.shop-city-adv a{width: 100%; height: 170px; display: block; background: url(../../images/upload/shop_city_adv.png) no-repeat top center;}

/* 城市选择 */
.shop-city{min-height: 1438px; margin-top: 30px; margin-bottom: 70px; background-color: #fff; overflow: hidden;} 
/* 热门城市 */
.shop-city .shop-city-hot{margin: 30px 30px 25px 30px;}
.shop-city .shop-city-hot h4{float: left; font-size: 16px; font-weight: normal; color: #333; margin-right: 8px;}
.shop-city .shop-city-hot li{float: left; font-size: 14px; color: #e64545; margin: 0 8px;}
.shop-city .shop-city-hot li:hover{cursor: pointer;}
/* 按字母选择 */
.shop-city .shop-city-letter{margin: 0 30px;}
.shop-city .shop-city-letter .shop-letter-title{font-size: 16px; font-weight: normal; color: #333; margin-bottom: 12px;}
.shop-city .shop-city-letter .shop-letter-con{margin-bottom: 10px;}
.shop-city .shop-city-letter .shop-letter-con h4{float: left; width: 40px; font-size: 16px; line-height: 30px; font-weight: normal; color: #ccc;}
.shop-city .shop-city-letter .shop-letter-con li{float: left; font-size: 14px; line-height: 28px; color: #666; margin: 0 8px;}
.shop-city .shop-city-letter .shop-letter-con li:hover{cursor: pointer; color: #e64545;}
/* 选中后的状态 */
.shop-city .shop-city-letter .shop-letter-con li.shop-active{color: #e64545;}

.shop-city .shop-city-letter .shop-line{height: 1px; margin: 20px 0; margin-left: 48px; border-top: 1px #eee solid;}